<script setup>
import HomeCategory from './components/HomeCategory.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeNew from './components/HomeNew.vue'
import HomeHot from './components/HomeHot.vue'
import HomeProduct from './components/HomeProduct.vue'
// 引入面板组件
import HomePanel from './components/HomePanel.vue'
</script>
<template>
  <div class="container">
    <HomeCategory />
    <HomeBanner />
  </div>
  <HomeNew />
  <HomeHot />
  <HomeProduct />
  <!-- 使用面板组件 -->
  <HomePanel title="新鲜好物" sub-title="最新出品 欢迎尝鲜">
    <div>这是新鲜好物插槽内容
    </div>
  </HomePanel>
  <HomePanel title="人气推荐" sub-title="热门精品 值得拥有">
    <div>这是人气推荐插槽内容
    </div>
  </HomePanel> 
</template>